<template>
  <div class="ico cs" :style="styles" @click='handleClick'>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "Ico",
  props: {
      styles: {
          type: Object,
          default: () => ({color: '#b2bac2'})
      }
  },
  methods: {
      handleClick() {
          this.$emit('add');
      }
  }
};
</script>

<style lang="scss" scoped>
.ico {
  font-size: 1.3rem;
  border: 1px solid #eaeaea;
  padding: 0.4rem 1rem;
  &:first-child {
      border-right: none;
  }
}
</style>